﻿@model LoginViewModel

@{
    Layout = null;
}
<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>ورود</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <meta name="MobileOptimized" content="320">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/Content/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/plugins/bootstrap/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="/Content/assets/plugins/select2/select2_metro_rtl.css" />
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME STYLES -->
    <link href="/Content/assets/css/style-metronic-rtl.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/css/style-rtl.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/css/style-responsive-rtl.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/css/plugins-rtl.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/css/themes/default-rtl.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="/Content/assets/css/pages/login-soft-rtl.css" rel="stylesheet" type="text/css" />
    <link href="/Content/assets/css/custom-rtl.css" rel="stylesheet" type="text/css" />
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
    <!-- BEGIN LOGO -->
    <div class="logo">
        @*<img src="/Content/assets/img/logo-big.png" alt="" />*@
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content">
        <!-- BEGIN LOGIN FORM -->
        @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "login-form", role = "form" }))
        {
            @Html.AntiForgeryToken()
            <h3 class="form-title">ورود به حساب کاربری</h3>
            <div class="alert alert-danger display-hide">
                <button class="close" data-close="alert"></button>
                <span>
                    Enter any username and password.
                </span>
            </div>
            <div class="form-group">
                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                <label class="control-label visible-ie8 visible-ie9">Username</label>
                <div class="input-icon">
                    <i class="fa fa-user"></i>

                    @*<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Username" name="username" />*@
                    @Html.TextBoxFor(m => m.Email, new { @class = "form-control placeholder-no-fix", placeholder = "Email", autocomplete = "off" })
                    @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">Password</label>
                <div class="input-icon">
                    <i class="fa fa-lock"></i>
                    @*<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" />*@
                    @Html.PasswordFor(m => m.Password, new { @class = "form-control placeholder-no-fix" })
                    @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="form-actions">
                <label class="checkbox tahomaFont" style="width: 130px !important">
                    <input type="checkbox" name="remember" value="1" />
                    بخاطر بسپار
                </label>
                <button type="submit" class="btn blue pull-right tahomaFont">
                    ورود <i class="m-icon-swapright m-icon-white"></i>
                </button>
            </div>
            <div class="forget-password tahomaFont">
                <h4 class="tahomaFont">کلمه عبور را فراموش کرده اید؟</h4>
                <p>
                    نگران نباشید
                    جهت بازیابی کلمه عبور

                    <a href="javascript:;" id="forget-password">اینجا کلیک کنید</a>
                </p>
            </div>
            <div class="create-account tahomaFont">
                <p>
                    تاکنون عضو نشده اید؟&nbsp; <a href="javascript:;" id="register-btn"> حالا عضو شوید</a>
                </p>
            </div>

        <!-- END LOGIN FORM -->
        }
        <!-- BEGIN FORGOT PASSWORD FORM -->
        <form class="forget-form" action="index.html" method="post">
            @*<h3>Forget Password ?</h3>*@
            <p class="tahomaFont">
                ایمیل حاوی اطلاعات بازیابی کلمه عبور به شما ارسال خواهد شد
            </p>
            <div class="form-group">
                <div class="input-icon">
                    <i class="fa fa-envelope"></i>
                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" />
                </div>
            </div>
            <div class="form-actions">
                <button type="button" id="back-btn" class="btn tahomaFont">
                    <i class="m-icon-swapleft"></i> بازگشت
                </button>
                <button type="submit" class="btn blue pull-right tahomaFont">
                    ارسال <i class="m-icon-swapright m-icon-white"></i>
                </button>
            </div>
        </form>
        <!-- END FORGOT PASSWORD FORM -->
        <!-- BEGIN REGISTRATION FORM -->
        @*@Html.Partial("Register", new RegisterViewModel())*@
        @Html.Action("Register")
        <!-- END REGISTRATION FORM -->
    </div>
    <!-- END LOGIN -->
    <!-- BEGIN COPYRIGHT -->
    <div class="copyright">
        all rights resreved for Hassan Hashemi
    </div>
    <!-- END COPYRIGHT -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
        <script src="/Content/assets/plugins/respond.min.js"></script>
        <script src="/Content/assets/plugins/excanvas.min.js"></script>
        <![endif]-->
    <script src="/Content/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="/Content/assets/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
    <script src="/Content/assets/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Content/assets/plugins/select2/select2.min.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="/Content/assets/scripts/app.js" type="text/javascript"></script>
    <script src="/Content/assets/scripts/login-soft.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script>
        jQuery(document).ready(function () {
            App.init();
            Login.init();
        });
    </script>
    <!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
<!-- BEGIN HEAD -->